<template>
  <div class="history-page">
    <div class="history-box">
      <div
        class="history-item"
        v-for="(item, index) in list"
        :key="index">
        <div class="title">{{ item.date }}</div>
        <div>
          <ul>
            <li
              v-for="(descItem, descIndex) in item.desc.split(';')"
              :key="'desc' + descIndex">
              {{ descItem }}
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import { CommitHistory } from '@/config';

export default {
  name: 'logs',
  components: {},
  mixins: [],
  data() {
    return {
      list: CommitHistory.slice(0, 7), // 取最新的3条修改记录
    };
  },
  computed: {},
  methods: {},
};
</script>
<style lang="scss">
.history-page {
  box-sizing: border-box;
  padding: 24px;
  background-color: #fff;
  .history-box {
    font-size: 14px;
  }
  .history-item {
    display: flex;
    position: relative;
    padding: 15px 0;
    &:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      bottom: -1px;
      width: 100%;
      height: 1px;
      background: #f2f2f2;
    }
    ul {
      margin-left: 48px;
    }
    .title {
      flex: none;
      width: 120px;
      font-weight: 700;
    }
  }
}
</style>
